<template>
  <div class="btn-comtainer" @click="registerClick">
    <div class="login-button">{{ btnText }}</div>
  </div>
</template>

<script>
export default {
  props: {
    btnText: {
      default: '',
      type: String
    }
  },
  methods: {
    registerClick: function() {
      this.$emit('registerSubmit')
    }
  }
}
</script>

<style scoped lang="scss">
.btn-comtainer {
  padding: 4.167vw 2.778vw;
  .login-button {
    height: 13.889vw;
    background-color: #fd9eb6;
    color: white;
    font-size: 4.444vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4.444vw
  }
}
</style>